﻿@model MVC_Intro___Basic_Shapes.Models.MultipleShapesViewModel
@{
    ViewBag.Title = "MultipleShapes";
}

@*
    Think about how we could write partials for the code below.  Didn't we use the 
    same Razor code on the Index page?  Wouldn't it make sense to show a square the same way 
    every time so that we can change the way it looks to the user in one place?

    ACTIVITY: build a partial to house our square and circle code to make 
    the commented lines below work correctly.
*@

<h2>Multiple Shapes</h2>
<h3>Square</h3>
<p>The square's demensions are @Model.Square.X x @Model.Square.Y</p>
@Html.Partial("_Area", Model.Square)
@* We have to pass the Square to the _Area partial because MutipleShapesViewModel does not inherit from Shape *@

<h3>Circle</h3>
<p>The circle's radius is @Model.Circle.X</p>
@Html.Partial("_Area", Model.Circle)
@* We have to pass the Circle to the _Area partial because MutipleShapesViewModel does not inherit from Shape *@

<h3>Combined area</h3>
<p>The combined area of the two shapes is @Model.GetCombinedArea()</p>